<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
        函数：
        类似与java中的方法 在java中我们为了提高代码的复用性 使用方法来定义功能
        在js中就可以使用函数来完成相同的事情
        函数是为了完成特定任务而设计代码块

        函数的分类：
        系统函数:编程语言定义好给我们使用的函数
        自定义函数：自己根据需求编写的代码

        1.函数的定义格式：
       方式一： function 函数名(参数1,参数2){
            //js代码
            return 返回值;
        }
        -js是若类型语言，形参不需要声明类型 并且不需要用let 或var 修饰
        -js返回值也不需要声明出类型，直接return即可

        方式二：通过var去定义函数的名字
        var 函数名 = function(形参1,形参2){
            //js代码
        }
  function(){代码}这样的形式叫做匿名函数，上面函数理解为将一个函数赋值给一个变量
 调用方式：和方式一一致




        2.函数定义后需要调用才能执行  
        语法：  直接使用函数名即可
        */

        //定义函数 传入a b两个形参 并返回a+b的和
        function sum(a,b){
            return a + b;
        }

        //调用
       var result = sum(10,20);
       alert(result);


       //方式2
       var sum1 = function(a,b){
           return a+b;
       }   
        //调用
       var result = sum1(11,20);
       alert(result);
 

       function show(){
        //100行代码
        alert('讨厌，点我干嘛');
       }


     


    </script>
</head>
<body>
    <!-- 当点击事件时调用函数 -->
    <button onclick="show()">点我</button>
</body>
</html>